body {
	background: none;
}

.warpper {
	display: flex;
	flex-direction: column;
}

.index-main {
	flex: 1;
	display: flex;
}

.sidebar {
	flex: 0 0 220px;
	height: 100%;
}

.sidermenu {
	padding-top: .75rem;
	padding-left: 1rem;
}

.sidermenu li {
	margin-bottom: 8px;
}

.sidermenu li a {
	display: block;
	padding: .5rem 0 .5rem 1.75rem;
	background: rgba(255, 255, 255, .25);
	color: #FFFFFF;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 15px;
	position: relative;
	white-space: nowrap;
}

.sidermenu li a:hover,
.sidermenu li.active a {
	background: rgba(255, 255, 255, 1);
	color: #faa53c;
}

.sidermenu li.active a:before {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	background: #faa53c;
	left: 1rem;
	top: 1rem;
}

.sidermenu ul {
	padding: 5px 2.8rem;
	padding-bottom: 10px;
}

.sidermenu ul li {
	list-style: circle;
	color: #FFFFFF;
}

.sidermenu ul li a {
	padding: .1rem 0;
	background: none;
}

.sidermenu ul li a:hover,
.sidermenu ul li.active a {
	background: none;
	color: #faa53c;
}

.main {
	flex: 1;
	display: flex;
	flex-direction: column;
	background: #FFFFFF;
	padding: 0 20px;
}

.breadcrumb {
	background: none;
	border-bottom: 1px solid #E2E6EA;
	border-radius: 0;
	padding-left: 0;
	padding-right: 0;
}

.breadcrumb span {
	display: inline-block;
	background: url(../img/icon-home.png) no-repeat left center;
	background-size: 20px;
	padding-left: 25px;
	color: #999999;
}

.filter .btn,
.filter .form-control {
	margin-right: 5px;
	margin-bottom: 5px;
}

.filter select.form-control {
	min-width: 120px;
}

.operation {
	text-align: right;
	margin-bottom: 10px;
}

.operation .btn-default {
	color: #999 !important;
}

.operation .btn-default:hover {
	color: #fff !important;
}

.tableWrap {
	flex: 1;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.tableWrap .table {
	table-layout: fixed;
}

.tableWrap .table td,
.tableWrap .table th {
	padding: 10px 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: default;
	text-align: center;
	vertical-align: middle;
}

.table-header {
	flex: 0 0 auto;
}

.table-thead {
	margin: 0;
	/*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);*/
	position: relative;
	z-index: 50;
	border-bottom: 1px solid #E2E6EA;
}

.table-thead th {
	background: #F1F1F1;
	font-weight: normal;
	color: #16181B;
}

.table-content {
	flex: 1;
	overflow-y: auto;
	border-top: none;
}

.table-tbody tr.checked_tr td,
.table-tbody tr.checked_tr:hover td {
	background: #def0ff !important;
	border-color: #def0ff;
}

.table-tbody tr:nth-child(even) td {
	background: #f9f9f9;
}

.table-tbody tr:hover td {
	background: #f6f6f6;
}

.table-tbody tr td {
	border-top: none;
	padding: 10px 15px;
	background: #FFFFFF;
	border-bottom: 1px solid #E2E6EA;
	color: rgba(0, 0, 0, 0.6);
}

.table-thead th:last-child {
	border-right: none;
}

.table-tbody td a,
.table-tbody td button {
	display: inline-block;
	color: #6ca6d7;
	text-decoration: none;
	padding: 2px 8px;
}

.table-tbody td a:hover,
.table-tbody tbody td button:hover {
	color: #f69f42;
}

.table-tbody td a.btn-default:hover {
	color: #fff;
}

.table-tbody td a.table-control {
	margin: 0 4px;
	color: #32383E;
}

.table-tbody td a.table-control:hover {
	color: #C8161D;
	text-decoration: none;
}

.pagination {
	padding: 15px;
}

.page-link {
	padding: .4rem;
	margin-left: 4px;
	width: 35px;
	text-align: center;
	border-radius: 4px;
	color: #595959;
}

.page-item.active .page-link {
	color: #e64c5d;
	border-color: transparent;
	background: none;
}

.page-item.disabled .page-link {
	color: #CCCCCC;
}

.page-item.no-link {
	padding: .4rem;
	margin-left: 4px;
	text-align: center;
}

.pageinfo {
	margin-right: 10px;
}

.pageinfo b {
	color: #e64c5d;
	margin-left: 5px;
}

.pageinto {
	margin-left: 10px;
}

.pageinto .form-control {
	width: 50px;
	padding-left: 0;
	padding-right: 0;
	margin: 0 10px;
	text-align: center;
}

.pageinto .btn {
	margin-left: 10px;
}

.tooltip-inner {
	font-size: .7rem;
}

.full-content {
	flex: 1;
	margin-bottom: 20px;
}

.table-thumbnail {
	margin: -6px -14px;
}

.table-thumbnail img {
	width: 60px;
	height: 40px;
}

.page-link {
	color: #777;
}

